<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/mai.min.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<script src="js/skrollr.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/wow.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mai.js" type="text/javascript" charset="utf-8"></script>
		<title>Mai Studio</title>
		<script type="text/javascript">
			if (!isPhone()) {
				window.onload = function() {
					var s = skrollr.init();
				}
				var wow = new WOW();
				wow.init();
			}
		</script>
	</head>
	<body>

		<div id="background" data-0="background-image: linear-gradient(45deg, rgba(0,0,139,0.9) 5%,rgba(0,0,0,1) 90%);"
		 data-200="background-image: linear-gradient(-45deg, rgba(0,0,100,0.9) 20%,rgba(0,0,0,1) 90%);" data-900="background-image: linear-gradient(-45deg, rgba(200,125,100,0.9) 0%,rgba(0,0,0,1) 75%);"
		 data-1200="background-image: linear-gradient(135deg, rgba(150,50,200,0.9) 5%,rgba(0,0,0,1) 75%);" data-1700="background-image: linear-gradient(-45deg, rgba(0,0,139,0.9) 5%, rgba(0,0,0,1) 90%);">
		</div>
		Beta V3.0.2 -- By Air.
		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>
		<div class="center">
			<div id="title-0" data-0="margin-left: 0%;font-size:50px;" data-200="margin-left: -150%;font-size:10px;">
				MAI STUDIO
			</div>
			<br>
			<div id="title-1" data-0="margin-left: 0%;font-size: 15px;opacity: 1;" data-200="margin-left: -145%;font-size: 15px;opacity:0;">
				简单创造不简单
			</div>
		</div>
		<br><br><br><br>
		<br><br><br><br>


		<div class="center" id="studio-link" data-0="opacity:1" data-300="opacity:0;">
			<a href="https://shequ.codemao.cn/work_shop/663">
				工作室网站
			</a>
		</div>

		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>

		<div class="center">
			<h3 class="wow pulse" data-wow-delay="0.5s" data-wow-iteration："infinite">
				优秀作品
			</h3>
			<br><br>
			<a href="https://player.codemao.cn/new/we/48584180">
				<div class="card wow fadeIn" data-wow-delay="0.5s" data-wow-iteration："infinite">
					<div id="text-small">
						<i>By Mai,Air.</i>
					</div>
					<div id="text-big" style="font-size: 0px;">
						<font style="font-size: 30px;" color="#FF0000">K</font>
						<font style="font-size: 30px;" color="#DF0020">i</font>
						<font style="font-size: 30px;" color="#BF0040">t</font>
						<font style="font-size: 30px;" color="#9F0060">t</font>
						<font style="font-size: 30px;" color="#7F0080">e</font>
						<font style="font-size: 30px;" color="#5F00A0">n</font>
						<font style="font-size: 30px;" color="#3F00C0">O</font>
						<font style="font-size: 30px;" color="#1F00E0">S</font>
					</div>
					<br>
				</div>
			</a>
			<br><br>
			<a href="">
				<div class="card developing wow fadeIn" data-wow-delay="0.5s" data-wow-iteration："infinite">
					<div id="text-small">
						<i>By Air. (Developing)</i>
					</div>
					<div id="text-big" style="font-size: 0px;">
						<font style="font-size: 30px;" color="#FF6000">M</font>
						<font style="font-size: 30px;" color="#E3441C">i</font>
						<font style="font-size: 30px;" color="#E02838">c</font>
						<font style="font-size: 30px;" color="#E00C54">r</font>
						<font style="font-size: 30px;" color="#E00070">o</font>
						<font style="font-size: 30px;" color="#E0008C">C</font>
						<font style="font-size: 30px;" color="#E000A8">h</font>
						<font style="font-size: 30px;" color="#E000C4">a</font>
						<font style="font-size: 30px;" color="#E000E0">t</font>
					</div>
					<br>
				</div>
			</a>
		</div>

		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>

		<div class="center">
			<h3 class="wow pulse" data-wow-delay="0.5s" data-wow-iteration："infinite">
				工作室外交
			</h3>
			<br><br>
			<a href="https://shequ.codemao.cn/work_shop/362">
				<div class="card studios wow fadeIn" data-wow-delay="0.2s" data-wow-iteration："infinite">
					<div id="text-small">
						旗上工作室
					</div>
					<div id="text-big">
						维度工作室
					</div>
				</div>
			</a>
			<br><br>
            <a href="https://shequ.codemao.cn/work_shop/708">
				<div class="card studios wow fadeIn" data-wow-delay="0.2s" data-wow-iteration："infinite">
					<div id="text-small">
						旗上工作室
					</div>
					<div id="text-big">
						魔禁工作室
					</div>
				</div>
			</a>
			<br><br>
			<a href="https://shequ.codemao.cn/work_shop/227">
				<div class="card studios wow fadeIn" data-wow-delay="0.2s" data-wow-iteration："infinite">
					<div id="text-small">
						合作工作室
					</div>
					<div id="text-big">
						海啸工作室
					</div>
				</div>
			</a>
			<br><br>
			<a href="https://shequ.codemao.cn/work_shop/247">
				<div class="card studios wow fadeIn" data-wow-delay="0.2s" data-wow-iteration："infinite">
					<div id="text-small">
						旗下工作室
					</div>
					<div id="text-big">
						准星工作室
					</div>
				</div>
			</a>
		</div>
		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>
		<div class="center">
			<h3 class="wow pulse" data-wow-delay="0.5s" data-wow-iteration："infinite">
				工作室优秀成员
			</h3>
			<br><br>
			<div class="card members wow fadeIn" data-wow-delay="0.5s" data-wow-iteration："infinite">
				<a href="https://shequ.codemao.cn/user/2392707">
					<div class="head-image" id="image-1">
					</div>
				</a>
				<a href="https://shequ.codemao.cn/user/829079">
					<div class="head-image" id="image-2">
					</div>
				</a>
				<a href="https://shequ.codemao.cn/user/3254102">
					<div class="head-image" id="image-3">
					</div>
				</a>
				<a href="https://shequ.codemao.cn/user/1095078">
					<div class="head-image" id="image-4">
					</div>
				</a>

			</div>

		</div>
		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>
	</body>
</html>
